<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>滑块文档 - layui.slider</title>
	<link rel="stylesheet" href="../libs/layui/layui-2.9.14/dist/css/layui.css">
	<script src="../libs//layui//layui-2.9.14/dist/layui.js"></script>
	<style>


	</style>
</head>

<body style="margin:100px ;">

	<div id="slideTest1"></div>
	<br />
	<div id="slideTest2"></div>
	<script>
	layui.use('slider', function(){
	  var slider = layui.slider;
	  
	  //渲染 default
	  slider.render({
		elem: '#slideTest1'  //绑定元素
	  });

	  //渲染 vertical
	  slider.render({
		elem: '#slideTest2',  //绑定元素
		type: 'vertical',
	  });
	});
	</script>
	

</body>

</html>